<template>
	<!-- 用户列表样式 -->
	<view class="flex p-2 align-center border-bottom border-light-secondary" hover-class="bg-light">
		<image :src="item.avatar" style="width: 100rpx; height: 100rpx;"
			class="rounded-circle mr-2 " mode=""></image>
		<view class=" flex flex-column flex-1">
			<text class="font-md text-dark">{{item.userName}}</text>
			<view class="">
				<uni-badge :text="item.age" :type="item.sex === 1 ? 'error' : 'primary'">
					<text class="iconfont text-white font-sm"
						:class="item.sex === 1 ? 'icon-nv' : 'icon-nan' "
						style="margin-right: 5rpx;"
						v-if="item.sex > 0"></text>
				</uni-badge>
			</view>
		</view>
		<view class="uni-icon uni-icon-checkbox-filled text-muted"
			:class="item.isFollow ? 'text-light-muted' : 'text-main'"></view>
	</view>
</template>

<script>
	import uniBadge from '@/components/uni-ui/uni-badge/uni-badge.vue';
	export default {
		components: {
			uniBadge
		},
		props: {
			item: Object,
			index: Number
		}
	}
</script>

<style>
</style>